﻿@{
    ViewBag.Title = "Login";
    Layout = "~/Views/Common/_Home.cshtml";
}
@section Head{
    <script src="../../Content/scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <link href="../../Content/css/login.css" rel="stylesheet" type="text/css" />
    <title>登录</title>
    <meta name="description" content="登录" />
    <meta name="keywords" content="登录" />
    <script type="text/javascript">
        $(function () {
            $("#ValidCode").click(function () {
                this.src = "/Member/GetValidateCode?time=" + (new Date()).getTime();
            });
            $("#UserName").click(function () {
                $("#UserName").val("");
            });
        });
    </script>
}
<div class="w980">
    <div class="box login-reg">
        <div class="hd mb15">
            <h2 class="fn f18">
                登录幽兰夜</h2>
        </div>
        <div class="bd">
            <div class="login fl">
                <form class="wform form">
                <fieldset>
                    <legend>登录幽兰夜</legend>
                    <div class="f-box">
                        <label class="f-label">
                            用户名：</label>
                        <div class="f-input">
                            <input type="text" class="f-txt-b f-txt" id="UserName" name="UserName" value="请输入Email用户名">
                        </div>
                        <div class="f-msg">
                            <div id="divLoginTip">
                            </div>
                        </div>
                    </div>
                    <div class="f-box">
                        <label class="f-label">
                            密&nbsp;&nbsp;&nbsp;&nbsp;码：</label>
                        <div class="f-input">
                            <input type="password" class="f-txt-b f-txt" id="Password" name="Password">
                        </div>
                        <div class="f-msg">
                            <div id="divPasswordTip">
                            </div>
                        </div>
                    </div>
                    <div class="f-box">
                        <label class="f-label">
                            验证码：</label>
                        <div class="f-input">
                            <input type="text" maxlength="4" class="f-txt-s f-txt" id="VerifyCode" name="xlInput">
                            <div class="f-vcode">
                                <img id="ValidCode" style="cursor: pointer; width: 75px; height: 25px;" src="/Member/GetValidateCode"
                                    alt="验证码" title="看不清楚，点击更换" />
                            </div>
                        </div>
                        <div class="f-msg">
                            <div id="divVerifyCodeTip">
                            </div>
                        </div>
                    </div>
                    <div class="login-btn">
                        <a class="btn btn-important-large fb" href="#"><span>登<em class="s1em"></em>录</span></a>
                        <a class="ml10 c3" href="#">忘记密码？</a>
                    </div>
                    <div class="login-other cf">
                        <span class="c9">其它登录方式：</span>
                        <ul class="cf">
                            <li logintype="default" class="i-weibo"><a href="#">新浪微博</a></li>
                            <li logintype="default" class="i-kaixin"><a href="#">开心网</a></li>
                            <li logintype="default" class="i-alipay"><a href="#">支付宝快捷登录</a></li>
                        </ul>
                    </div>
                </fieldset>
                </form>
            </div>
            <div class="reg fr">
                <div class="reg-box">
                    <h3 class="fb f14 mb20">
                        马上成为幽兰夜会员</h3>
                    <p class="mb25">
                        现在注册幽兰夜，在家就能享受Fashion的购物乐趣，便宜、安全又放心！</p>
                    <div class="reg-btn mb25 pb25">
                        <a class="btn btn-highlight-large" href="userregister.aspx"><span>注册新用户</span></a>
                    </div>
                    <p class="mb25 c9">
                        如果您曾在幽兰夜目录或专卖店购买过商品，无需注册，只需<a href="#">点击这里激活</a>。</p>
                    <p class="c6">
                        <i class="i-mobile"></i>手机购物，上麦考林 Iphone/Ipad/Android<a href="#" class="ml10">点击进入</a></p>
                </div>
            </div>
        </div>
    </div>
</div>
